<template>
  <div class="ok-foot" >
    <div class="ok-width-max ok-page-width">
      <div class="ok-page-width ok-box-flex ">

        <div class="ok-box-flex">
          <div>
            <div style="font-size: 1.3em;color: #ffffff;">新闻资讯</div>
            <div  style="cursor: pointer">公告通知</div>
            <div  style="cursor: pointer">新闻资讯</div>
            <div  style="cursor: pointer">最新动态</div>
          </div>

          <div style="margin-left: 100px">
            <div style="font-size: 1.3em;color: #ffffff">乡村介绍</div>
            <div style="cursor: pointer" >乡村历史</div>
            <div style="cursor: pointer" >乡村背景</div>
            <div style="cursor: pointer" >乡村文化</div>
          </div>

          <div style="margin-left: 100px">
            <div style="font-size: 1.3em;color: #ffffff">特色产品</div>
            <div style="cursor: pointer" >农产品</div>
            <div style="cursor: pointer" >观赏植物</div>
          </div>


          <div style="margin-left: 100px">
            <div style="font-size: 1.3em;color: #ffffff">综合服务</div>
            <div style="cursor: pointer" >周边景点</div>
          </div>

          <div style="margin-left: 100px">
            <div style="font-size: 1.3em;color: #ffffff">客服热线</div>
            <div>7 X 24 小时</div>
            <div>400-600-8000</div>
          </div>
        </div>

        <div class="ok-box-right ok-width-max">
          <div class="ok-box-center">
            <div>
              <div style="padding: 10px; background-color: #FFFFFF;border-radius: 3px; height: 100px; width: 100px;cursor: pointer">
                <el-image :src="require('@/static/images/image03.png')" mode="aspectFill" style="height: 100px; width: 100px; "/>
              </div>
              <div>制作者微信</div>
            </div>
          </div>
        </div>

      </div>


      <div style="  overflow: hidden;  height: 1px;  width: 100%;  background-color: #696969; margin-top: 30px; margin-bottom: 10px;"></div>

      <div class="ok-box-center" style="font-size: 14px;">
        <div style="margin-right: 5px">豫公网安备4103240251052号&nbsp;|&nbsp;</div>
        <el-image :src="require('@/static/images/gwab.png')" style="height: 20px; width: 20px;margin-right: 5px"></el-image>
        <div style="margin-right: 5px">豫ICP备20245261452号&nbsp;|&nbsp;</div>
        <div >雨泽©版权所有</div>
      </div>
    </div>
    <el-backtop></el-backtop>
  </div>
</template>

<script>
export default {
  name: 'HomeFoot',
  props: {
    flexStatus: {
      default: ""
    },
    top: {
      default: 10
    },
  },
  data() {
    return {
      admin_count: 0,
    };
  },
  mounted() {
  },
  methods: {
  }
}
</script>
<style scoped>
.bottom_fixed {
  flex-direction: column;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

.bottom_box {
  flex-direction: column;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 20px;
}

.el-backtop {
  border: #efefef solid 1px;
  box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
}


</style>
